<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Registration</title>
<link rel="shortcut icon" href="images/icon.jpg">


<style type="text/css">
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#container {
	min-height: 100%;
	position: relative;
}

#header {
	text-align: right;
	height: 40px;
	background-color: #FFB6C1;
	clear: both;
	background-image: url('images/kavai_background-purple.jpg');
}

#header form {
	width: auto;
	vertical-align: middle;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	clear: both;
	padding-right: 10px;
}

#body {
	width: 100%;
	height: auto;
	padding-bottom: 40px; /* Height of the footer */
}

#footer {
	position: absolute;
	bottom: 10;
	width: 100%;
	height: 40px; /* Height of the footer */
}
}
</style>
</head>

<body>

	<div id="container">
		<div id="header"></div>
		<div id="body">

			<img style="float: left; padding: 0px 0px 0px 5px;"
				src="images/anime-green.png" />


			<div style="padding: 20px 40px 5px 20%">
				<div style="background-color: #c7f6f0; font-size: 18px">Don't be shy
					now sweety. Tell me about yourslef:</div>



				<h1>
					Registration <img style="float: left; padding: 0px 0px 0px 0px;"
						src="images/kiss.png" />
				</h1>
				<form id="Register" action="" method="POST" runat="vdaemon"
					disablebuttons="all">
					<table cellpadding="2" cellspacing="0" border="0">
						<tr>
							<td width="130"><vllabel validators="UserID,UserIDExist"
									errclass="error" for="UserID" cerrclass="controlerror">Username:</vllabel>
							</td>
							<td width="140"><input name="userName" type="text"
								class="control" id="UserID" size="15"> <vlvalidator
									name="UserID" type="required" control="UserID"
									errmsg="User ID required"> <vlvalidator name="UserIDExist"
									type="custom" control="UserID" errmsg="User ID already exist"
									function="UserIDCheck"></td>
							<td width="300" rowspan="7" valign="top"><vlsummary class="error"
									headertext="Error(s) found:" displaymode="bulletlist"></td>
						</tr>
						<tr>
							<td><vllabel errclass="error" validators="Password,PassCmp"
									for="Password" cerrclass="controlerror">Password:</vllabel></td>
							<td><input name="password" type="password" class="control"
								id="Password" size="15"> More than 5 characters <vlvalidator
									type="required" name="Password" control="Password"
									errmsg="Password required"> <vlvalidator name="PassCmp"
									type="compare" control="Password" comparecontrol="Password2"
									operator="e" validtype="string"
									errmsg="Both Password fields must be equal"></td>
						</tr>
						<tr>
							<td><vllabel validators="Password,PassCmp" errclass="error"
									for="Password2" cerrclass="controlerror">Confirm Password:</vllabel>
							</td>
							<td><input name="passwordConfirm" type="PASSWORD" class="control"
								id="Password2" size="15"></td>
						</tr>
						<tr>
							<td><vllabel errclass="error" validators="NameReq,NameRegExp"
									for="Name" cerrclass="controlerror">Name:</vllabel></td>
							<td><input name="name" type="text" class="control" id="Name"
								size="15"> <vlvalidator type="required" name="NameReq"
									control="Name" errmsg="Name required"> <vlvalidator
									type="regexp" name="NameRegExp" control="Name"
									regexp="/^[A-Za-z'\s]*$/" errmsg="Invalid Name"></td>
						</tr>
						<tr>
							<td><vllabel errclass="error" validators="EmailReq,Email"
									for="Email" cerrclass="controlerror">E-mail:</vllabel></td>
							<td><input name="email" type="TEXT" class="control" id="Email"
								size="15"> <vlvalidator type="required" name="EmailReq"
									control="Email" errmsg="E-mail required"> <vlvalidator
									type="format" format="email" name="Email" control="Email"
									errmsg="Invalid E-mail"></td>
						</tr>

						<tr>
							<td colspan="2"><input type="submit" class="control"
								value="Register"> <input type="reset" class="control"
								onclick="location.reload();location.href='index.php'"
								value="Somebody take me from this place!"></td>
						</tr>
					</table>
				</form>

				<img style="display: block; margin-left: auto; margin-right: auto"
					src="images/regitration_otaku.png" />

			</div>
			<div id="footer">
				<p
					style="text-align: center; font-size: 18; color: red; vertical-align: middle; text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;">
					&copy; Quartet Developers 2013</p>
			</div>

</body>
</html>